<template>
  <div class="page-home">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />

        <!-- 轮播图 -->
        <HomeBanner />
      </div>
      <!-- 新鲜好物 -->
      <HomeNew />

      <!-- 人气推荐 -->
      <HomeHot />

      <!-- 热门品牌 -->
      <HomeBrand/>

      <!-- 商品区块 -->
      <HomeProduct/>

      <!-- 最新专题 -->
      <HomeSpecial/>
  </div>
</template>
<script>
import HomeCategory from './components/home-cate'
import HomeBanner from './components/home-banner'
import HomeNew from './components/home-new'
import HomeHot from './components/home-hot'
import HomeBrand from './components/home-brand'
import HomeProduct from './components/home-product'
import HomeSpecial from './components/home-special'
export default {
  name: 'PageHome',
  components: { HomeCategory, HomeBanner, HomeNew, HomeHot, HomeBrand, HomeProduct, HomeSpecial }
}
</script>
<style scoped lang='less'>
.xtx-home-page {
  .container {
    width: 1240px;
    margin: 0 auto;
    position: relative;
  }
}
</style>
